<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    {% if page.title != null %}
    <title>{{ page.title }}</title>
    {% else %}
    <title>Ruby Programming Language</title>
    {% endif %}

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta itemprop="image" content="https://www.ruby-lang.org/images/header-ruby-logo@2x.png">
    {% if page.description %}
    <meta name="description" content="{{ page.description }}">
    {% else %}
    <meta name="description" content="">
    {% endif %}

    <link rel="stylesheet" type="text/css" href="/stylesheets/normalize.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/pygments.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/mobile.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/print.css">
    <link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&amp;subset=latin,cyrillic,greek,vietnamese' rel='stylesheet' type='text/css'>
    <link rel="canonical" href="{{ site.url }}{{ page.url | replace: 'index.html', '' }}">

    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    {% include rss_discovery.html %}

    <script type="text/javascript" src="/javascripts/jquery.min.js"></script>
    <script type="text/javascript" src="/javascripts/page.js"></script>
    {% if layout.javascript != null %}
    {% for javascript in layout.javascript %}
    <script type="text/javascript" src="/javascripts/{{ javascript }}.js"></script>
    {% endfor %}
    {% endif %}
  </head>

  {% capture homepage_url %}/{{ page.lang }}/{% endcapture %}

  <body{% if page.url == homepage_url %} id="home-page-layout"{% endif %}>
    <div id="header">
      <div id="header_content" class="container">
        <a href="/{{ page.lang }}/">
          <h1>{{ site.data.locales[page.lang].ruby }}</h1>
          <h2>{{ site.data.locales[page.lang].slogan }}</h2>
        </a>

        <div class="site-links">
          {% include sitelinks.html %}
          <a href="#" class="menu selected">Menu</a>
        </div>

        <div id="search-box">
          {% include search.html %}
        </div>
      </div>
    </div>

    <div id="page">
      {% include intro.html %}

      <div id="main-wrapper" class="container">
        <div id="main">
          {{ content }}
        </div>
      </div>
    </div>

    <div class="container">
      <div id="footer">
        <div class="site-links">
          {% include sitelinks.html %}
        </div>

        {% include languages.html %}
        {% include credits.html %}
      </div>
    </div>

    {% include analytics.html %}
  </body>
</html>
